import React from 'react';
import { BrowserRouter as Router, Route,Link } from 'react-router-dom'
import Home from './pages/Home'
import Video from './pages/Video'
import Skill from './pages/Skill'

function AppRouter(){
 return (
    <Router>
      <div className="mainDiv">
        <div className="leftNav">
          <h3>一级导航</h3>
          <ul>
            <li><Link to="/">博客首页</Link></li>
            <li><Link to="/video">视频教程</Link></li>
            <li><Link to="/skill">职场技能</Link></li>
          </ul>
        </div>
        <div className="rightMain"> 
          <Route path="/" exact component={Home} />
          <Route path="/video" component={Video} />
          <Route path="/skill" component={Skill} />
        </div>
      </div>
    </Router>
 )
}

export default AppRouter